<%@ page contentType="text/html; charset=UTF-8" %>
<div align="center">
<%-- 页眉  --%>
<div class="topbar">
	<div style="width:960px;height: 30px;">
		<span class="left">爱旅游，爱一同！</span>
		<a href="/iyitong/login" class="left">请登录</a>
		<a href="/iyitong/reg" class="left">快速注册</a>
		<a href="#" class="right">手机版</a>
		<a href="#" class="right">帮助</a>
		<a href="#" class="right">快捷导航</a>
	</div>
</div>

<%-- logo 搜索  --%>
<div class="header">
	<div class="logo">
		<a href="index" title="爱一同" style="float: left;">
			<img alt="爱一同" src="/iyitong/image/logo.png" border="0" style="cursor: auto;">
		</a>
		<div class="city_tab">
			<p class="depart_city">杭州</p>
			<div class="city_layout">
				<a class="change_city" href="javascript:void(0)">[切换城市]</a>
				<div class="show_city">
					<dl>
						<dt>华北：</dt>
						<dd>
							<a href="javascript:change_city('bj','');">北京</a>
							<a href="javascript:change_city('tj','');">天津</a> 
							<a href="javascript:change_city('qd','');">青岛</a> 
							<a href="javascript:change_city('sy','');">沈阳</a>
						</dd>
					</dl>
					<dl>
						<dt>华东：</dt>
						<dd>
							<a href="javascript:change_city('sh','');">上海</a> 
							<a href="javascript:change_city('nj','');">南京</a> 
							<a href="javascript:change_city('hz','');">杭州</a> 
							<a href="javascript:change_city('sz','');">苏州</a> 
							<a href="javascript:change_city('nb','');">宁波</a> 
							<a href="javascript:change_city('wz','');">温州</a> 
							<a href="javascript:change_city('wx','');">无锡</a>
						</dd>
					</dl>
					<dl>
						<dt>华南：</dt>
						<dd>
							<a href="javascript:change_city('shz','');">深圳</a> 
							<a href="javascript:change_city('wh','');">武汉</a> 
							<a href="javascript:change_city('cs','');">长沙</a>
						</dd>
					</dl>
					<dl class="btr_none">
						<dt>西部：</dt>
						<dd>
							<a href="javascript:change_city('cd','');">成都</a> 
							<a href="javascript:change_city('cq','');">重庆</a> 
							<a href="javascript:change_city('xa','');">西安</a>
						</dd>
					</dl>
				</div>
			</div>
		</div>
	</div>

	<div class="search">
		<div class="search_panel">
			<form id="route_search" method="POST" action="">
				<div class="search_panel_fields">
					<input type="text" id="keyword-input" value="一夜情" autocomplete="off" style="color: #999999" />
				</div>
				<button id="route_search_btn" type="submit">搜索</button>
				<div id="check_route_hi"></div>
			</form>
		</div>
		<div class="search_hots">
			<p align="left" class="hot_keyword">
				近期热门搜索：<span id="recent_route_hot_search_top"><a href="#">dasd</a><a href="#">dasd</a><a href="#">dasd</a><a href="#">dasd</a></span>
			</p>
		</div>
	</div>
</div>

<%-- 导航  --%>
<div class="nav">
	<div class="nav_main">
    	<ul class="nav_list">
            <li><a href="#">首页</a></li>
            <li><a href="#"><span>牛人专线</span><span class="remai">热卖</span></a></li>
            <li><a href="#"><span>周边旅游</span><span class="tejia">特价</span></a></li>
            <li><a href="#"><span>景点门票</span><span class="fanxian">返现</span></a></li>
            <li><a href="#">国内旅游</a></li>
            <li><a href="#">出境旅游</a></li>
            <li><a href="#">自助游</a></li>
            <li><a href="#">公司旅游</a></li>
            <li><a href="#">邮轮</a></li>
            <li><a href="#">签证</a></li>
		</ul>
    </div>
    <ul id="nav_c"><li id="nav_word"><span>社区</span></li><li><a href="#">旅游攻略</a></li><li><a href="#">论坛</a></li></ul>
</div>

</div>